<!DOCTYPE html>
<head>
  <title> </title>
  <meta charset="utf-8">
  <style>
body { font-family: 'Droid Serif'; }
h1, h2, h3 {
	font-family: 'Arial';
	font-weight: normal;
}

.remark-code, .remark-inline-code { font-family: 'Consolas'; }

/* Two-column layout */
.left-column {
	width: 50%;
	float: left;
}

.right-column {
	width: 50%;
	float: right;
}

.left-column h3, .right-column h3{
	text-align: center;
}


  </style>
</head>
<body>
  <script src="remark.min.js"></script>
  <script>
    function getParameterByName(name, url) {
    	if (!url) {
    	  url = window.location.href;
    	}
    	name = name.replace(/[\[\]]/g, "\\$&");
    	var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
    		results = regex.exec(url);
    	if (!results) return null;
    	if (!results[2]) return '';
    	return decodeURIComponent(results[2].replace(/\+/g, " "));
    }
    var md = getParameterByName('md');
    if (md.length == 0)
    	md = 'ppt.md';
    var req = new XMLHttpRequest();
    req.onreadystatechange = function() {
    	if (req.readyState == 4 || req.readyState == 'complete') {
    		var slideshow = remark.create({source:req.responseText});
    	}
    }
    req.open("GET", md, true);
    req.send();
  </script>
</body>